TABLE {  border-collapse: collapse; font-family: Arial, sans-serif; }

TH { border: solid; font-weight: bold; text-align: center; background-color:#AAAAAA; foreground-color:#FFFFFF; }

TR { vertical-align: middle; }

TD { border: solid; border-width: thin; padding: 3px; text-align: left; vertical-align: middle; word-wrap: break-word; }

TD:hover[onclick]{background-color:#F0F0F0; cursor:pointer}

.black {background-color: #383838; color:#E0E0E0;}
.gray {background-color: #585858; color:#E0E0E0;}

.title tr td {border: none;}
.td-timestamp p {font-size: 10px;text-align:center}

.check {vertical-align: top; }

video {
    max-width:360px;
    max-height:360px;
}

audio {
    max-width:100%;
    width:360px;
}

.thumb {
    max-width: 360px;
    max-height: 360px;
}

div.audioImg {
    width: 100px;
    height: 102px;
    background-image: url("");
    background-size: 100% 100%;
    margin: 0;
    padding: 0;
}

div.videoImg {
    width: 100px;
    height: 102px;
    background-image: url("");
    background-size: 100% 100%;
    margin: 0;
    padding: 0;
}

div.imageImg {
    width: 100px;
    height: 102px;
    background-image: url("");
    background-size: 100% 100%;
    margin: 0;
    padding: 0;
}

div.attachImg {
    width: 100px;
    height: 102px;
    background-image: url("");
    background-size: 100% 100%;
    margin: 0;
    padding: 0;
}